<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <title>倒计时程序-黑马程序员</title>
    <link type="image/x-icon" rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/style.css" />
  </head>

  <body>
    <!-- partial:index.partial.html -->
    <div class="bgRed"></div>
    <div class="build"></div>

    <div class="container">
      <!-- start container -->

      <div id="heimei">
        <a href="javascript:" title="访问黑马程序员广州校区官网">
          <p class="logo-name subtitle"><img src="img/heimei.png" /></p>
        </a>
      </div>

      <div id="logo">
        <a href="javascript:void(0)" title="访问黑马程序员广州校区官网">
          <p class="logo-name subtitle"><img src="img/logo.png" /></p>
        </a>
      </div>

      <div id="school">
        <a href="javascript:void(0)" title="访问黑马程序员广州校区官网">
          <p class="logo-name subtitle"><img src="img/school.png" /></p>
        </a>
      </div>

      <!--465456-->

      <div class="timeArea">
        <h1><span id="intText">练习&amp;休息</span> 剩余时间</h1>
        <div>
          <div class="hours" id="hours">
            <button class="plus"><i class="fa fa-chevron-up fa-4x"></i></button>
            <h3>00</h3>
            <p>Hour</p>
            <button class="minus"><i class="fa fa-chevron-down fa-4x"></i></button>
          </div>

          <div class="minutes" id="minutes">
            <button class="plus"><i class="fa fa-chevron-up fa-4x"></i></button>
            <h3>00</h3>
            <p>Minute</p>
            <button class="minus"><i class="fa fa-chevron-down fa-4x"></i></button>
          </div>

          <div class="seconds" id="seconds">
            <button class="plus"><i class="fa fa-chevron-up fa-4x"></i></button>
            <h3>00</h3>
            <p>Second</p>
            <button class="minus"><i class="fa fa-chevron-down fa-4x"></i></button>
          </div>
        </div>
      </div>
      <div class="btnArea">
        <button class="btn" id="word">修改文字</button>
        <button class="btn" id="set">开始计时</button>
      </div>

      <div class="controls" id="controls">
        <!-- start buttons -->

        <button id="rewriting"><i class="fa fa-pencil fa-3x"></i></button>
        <button id="pause"><i class="fa fa-pause fa-3x"></i></button>
        <button id="play" style="display: none"><i class="fa fa-play fa-3x"></i></button>
        <button id="reply"><i class="fa fa-refresh fa-3x"></i></button>
      </div>
      <!-- end buttons -->
    </div>
    <!-- end container -->
    <!-- partial -->
    <script src="js/script.js"></script>
  </body>
</html>
